<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动bug问题</title>
		<link rel="stylesheet" href="css/浮动bug.css" />
	</head>
	<body>
		<!-- 浮动  元素一旦浮动起来，页面由元素之前被嵌套形成
		float属性 一定会浮动bug，主要有两个bug
		1.浮动塌陷:具备元素嵌套，父级元素没有指定高度，子元素浮动
		解决方案：1.找到塌陷父级元素，指定高度 经验
		         2.找到塌陷父级元素，指定溢出隐藏
		2.浮动卡动：父级元素宽度不够，某个子元素【高度】超过其他元素
		解决方案：1.加宽 加高
		         2.
		-->
		
		
		<div id="father">
			<div class="d1">1</div>
			<div class="d2">2</div>
			<div class="d3">3</div>
			<div class="d4"></div>
			<div class="d5"></div>
			<div class="d6"></div>
		</div>
	</body>
</html>